.container {
  position: relative;
  overflow: hidden;
}
.container .image-slider {
  height: 100%;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;  
}
.container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scroll-snap-align: start;
}
.nav-section {
  position: absolute;
  width: 100%;
  bottom: 0;
  opacity: 0.5;
  color: #fff;
  background-color: #000;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.nav-section .slide-button {
  display: flex;
  width: 10px;
  height: 10px;
  background-color: #fff;
  text-decoration: none;
  border-radius: 50%;
  margin: 5px;
}
.nav-section .slide-button-selected {
  background-color: #e02f29;
}
.container .image-slider::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
